<!DOCTYPE html>
<html>
	<head>
		<title>css基础知识理解</title>
		<meta charset="utf-8"/>
		<style type="text/css">
			ul{
				color: blue;
				font-size:12px;
			}
			.green{
				color: green;
				font-family: 'Times New Roman','仿宋';
				font-size: 2em;
				font-style: italic;
				font-weight: bold;
				text-indent: 2em;
				text-align: center;
				line-height: 1.8em;
				text-decoration:line-through;
				text-transform: capitalize;

			}
			#red{
				color: red;
			}
			
			a{
				font-size:2em;
			}
			a:link{
				text-decoration:none;color:black;
			}
			a:visited{
				text-decoration:none;color:#999;
			}
			a:hover{
				text-decoration:none;color:blue;
			}
			a:active{
				text-decoration:none;color:red;
			}

			
		</style>
		<link rel="stylesheet" type="text/css" href="css/css1.css">
	</head>
	<body>
		<ul>
			<li class="grey" class="green">这是第一条国际新闻</li>
			<li class="green" class="grey">这是第二条国际新闻</li>
			<li id="red" style="color:pink" class="grey" class="green" >这是第三条国际新闻</li>
			<li class="green" class="grey" id="red" >这是第四条国际新闻</li>
			<li>这是第五条国际新闻</li>
		</ul>
		<p class="green">这是第五段国际新闻</p>
		<p class="green">啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊噢噢噢噢噢噢噢噢噢噢噢噢噢噢噢噢哦哦哦呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃呃</p>
		<p style="text-decoration: underline;" class="green">收到收到收到收到收到收到收到收到</p>
		<p class="green">black pink low number one two three four five six seven eight nine ten </p>
		<br/>
		<a href="http://baidu.com">百度</a>
		<a href="http://qq.com">QQ</a>
		<a href="http:,,,">baidu</a>

	</body>
</html>

